La lista de notificaciones proviene del backend. En la página de inicio, hay un icono de notificación. Imprimo notificaciones cuando hago clic en este icono.

En la respuesta devuelta; Información vista --> no vista si su valor es 0, se verá si su valor es 1.

estoy tratando de hacer; Todas las notificaciones deben configurarse como "vistas" cuando se abre la página de notificaciones después de presionar el botón de notificaciones en la página principal.

Servicio

 const seen = (inAppNotificationRequestDto) => { return new Observable((observer) => { axiosInstance .put(SERVICE_PATH + '/markAsSeen', inAppNotificationRequestDto) .then((response) => { observer.next(response.data); observer.complete(); }) .catch((err) => { console.log(err); }); }); };

página de inicio

El icono de notificación está aquí. Se abrirá una ventana emergente con una lista de las notificaciones en las que hizo clic en el icono.

 const handleNotificationClick = (event) => { console.log(isIconDisabled); if (!isIconDisabled) { setAnchorEl(event.currentTarget); } }; <div className="header__notification"> {notificationData?.newNotification === true ? ( <AS.Badge color="primary" variant="dot" onClick={handleNotificationClick} /> ) : null} <AS.NotificationsOutlinedIcon className="header__notification_icon" onClick={handleNotificationClick} /> <NotificationList notification={notificationData} /> </div>